<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*header*/
.header{position: fixed;top: 0;left: 0;background: #FFF;z-index: 20;font-size: 0;width: 100%;border-bottom: .01rem solid #e5e5e5}
.header&gt;div&gt;div{padding: 0;line-height: .98rem;}
.header .logo img {max-height: .72rem;transition: none;}
.header .nav_list li {display: inline-block;padding: 0 .14rem;vertical-align: middle;line-height: normal;}
.header .nav_list li&gt;a{font-size: .18rem;color: #232323;display: block;line-height: .98rem;position: relative;}
.header .nav_list li.active&gt;a,.header .nav_list li:hover&gt;a{color: #fe6717}
.header .nav_list li&gt;a::after{content: '';width: 0;height: 2px;background: #fe6717;position: absolute;bottom: -1px;left: 0;transition: all .4s}
.header .nav_list li:hover&gt;a:after,.header .nav_list li.active&gt;a:after{width: 100%}

.header .info&gt;div{line-height: normal;}
.header .info .langs{padding: .17rem 0}
.header .info .langs a{font-size: .16rem;color: #000}
.header .info .langs em{font-size: .16rem;color: #000;padding: 0 .05rem;}
.header .info .langs em:last-child {display: none;}
.header .info .tel {font-size: .16rem;color: #000;}
.header .info .tel em{font-size: .2rem;color: #fe6717;font-weight: bold;}

.header .nav_list li dl{position: fixed;top: .99rem;left: 0;width: 100%;background: #FFF;margin: 0;padding: 0;text-align: center;transition: none;display: none;}
.header .nav_list li dl dd {display: inline-block;padding: 0 .18rem;}
.header .nav_list li dl dd a{display: block;position: relative;padding: 0 .11rem;line-height: .47rem;font-size: .16rem;color: #525252;font-weight: 600}
.header .nav_list li dl dd a::after{content: '';width: 0;height: .02rem;background: #fe6717;position: absolute;bottom: 0;left: 0;transition: all .45s;}
.header .nav_list li dl dd a:hover {color: #fe6717}
.header .nav_list li dl dd a:hover::after{width: 100%}

.tem_banner .label_txt {position:absolute;top:50%;left:50%;width:100%;z-index:1;transform:translate(-50%,-50%);font-size:.48rem;color:#FFF;max-width:14rem;}

.tem_banner .swiper-page&gt;div{position:absolute;top:50%;transform:translateY(-50%);width:.48rem;height:.48rem;background:#636363;font-size:.16rem;color:#FFF;line-height:.48rem;text-align:center;outline:none;z-index:5;left:1.5rem;}
.tem_banner .swiper-page&gt;div.slide-button-next {left:auto;right:1.5rem;}
.tem_banner .swiper-page&gt;div:hover {background:#363636}

.flash{padding:.99rem 0 0}


.tem_index_column{background:url(../images/icon2.jpg) 0 0 no-repeat;background-size:cover;}
.tem_index_column&gt;div{padding:0;text-align:center}
.tem_index_column a{display:block;position:relative;padding:.47rem 0}
.tem_index_column p{padding-top:.95rem;font-size:.18rem;color:#FFF;margin:0;background-size:1.11rem .68rem !important;}
.tem_index_column p.order0 {background:url(../images/icon1-1.png) center 0 no-repeat;}
.tem_index_column p.order1 {background:url(../images/icon1-2.png) center 0 no-repeat;}
.tem_index_column p.order2 {background:url(../images/icon1-3.png) center 0 no-repeat;}
.tem_index_column p.order3 {background:url(../images/icon1-4.png) center 0 no-repeat;}
.tem_index_column a:before,.tem_index_column a:after{content:"";width:1px;height:100%;background:#fbb793;position:absolute;right:0;top:0}
.tem_index_column a:after{background:#c44e0f;right:auto;left:0}
.tem_index_column&gt;div:first-child a:after{display:none;}
.tem_index_column&gt;div:last-child a:before{display:none;}
.tem_index_column a:hover p{background-position:center .12rem;}

.tem_index_about{padding:.85rem 0 1rem;font-size:0}
.tem_index_about .mains {margin:0 0 .38rem;}
.tem_index_about .mains .titles {margin:0 0 .15rem;}
.tem_index_about .mains .titles h4{font-size:.4rem;color:#333;}
.tem_index_about .mains .titles p{font-size:.16rem;color:#686767;margin:.35rem 0 0}
.tem_index_about .mains .cnts {position:relative;}
.tem_index_about .mains .cnts:after{content:"";width:65%;height:110%;background:#f8f8f8;position:absolute;bottom:0;right:0;z-index: -1;}
.tem_index_about .mains .cnts&gt;div{display:inline-block;vertical-align:bottom;position:relative;z-index:2}
.tem_index_about .mains .cnts .imgs {width:56.5%;overflow:hidden}
.tem_index_about .mains .cnts .text{width:43.5%;padding:0 .52rem 0 .85rem;}
.tem_index_about .mains .cnts .text&gt;h5{font-size:.5rem;color:#333;margin:0 0 .85rem;}
.tem_index_about .mains .cnts .data_box&gt;div{padding:.3rem 0 .24rem;}
.tem_index_about .mains .cnts .data_box&gt;div:first-child {padding:0 0 .4rem;border-bottom:1px solid #dcdcdc}
.tem_index_about .mains .cnts .data_box&gt;div&gt;div{display:inline-block;vertical-align:top;width:50%}
.tem_index_about .mains .cnts .data_box .t h5{font-size:.2rem;color:#32373f;font-weight:bold;padding-top:.65rem;background-size:.5rem .5rem !important;vertical-align:top}
.tem_index_about .mains .cnts .data_box .t h5 em{font-size:.45rem;color:#ff742b;vertical-align:top;padding-right:5px;font-weight:normal;}
.tem_index_about .mains .cnts .data_box .t p{font-size:.18rem;color:#7e7e7e;font-weight:bold;margin:.3rem 0 0}
.tem_index_about .mains .cnts .data_box .t h5.t1{background:url(../images/icon3-1.png) 0 0 no-repeat}
.tem_index_about .mains .cnts .data_box .t h5.t2{background:url(../images/icon3-2.png) 0 0 no-repeat}
.tem_index_about .mains .cnts .data_box .t h5.t3{background:url(../images/icon3-3.png) 0 0 no-repeat}
.tem_index_about .mains .cnts .data_box .t h5.t4{background:url(../images/icon3-4.png) 0 0 no-repeat;}

.tem_index_about .menus_box&gt;div{display:inline-block;vertical-align:middle;}
.tem_index_about .menus_box .items{width:19%;padding:0 .1rem;}
.tem_index_about .menus_box .items a{display:block;position:relative;overflow:hidden;border-bottom-right-radius:.2rem;box-shadow:0 0 .15rem rgba(0,0,0,.2);padding:.4rem 0 0;min-height:2.44rem}
.tem_index_about .menus_box .items .imgs {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;visibility:hidden}
.tem_index_about .menus_box .items p{padding-top:1.1rem;font-size:.2rem;color:#2d2d2d;text-align:center;background-size:.73rem .73rem !important;position:relative;z-index:2}
.tem_index_about .menus_box .items p.order0 {background:url(../images/icon4-1.png) center 0 no-repeat}
.tem_index_about .menus_box .items p.order1 {background:url(../images/icon4-2.png) center 0 no-repeat}
.tem_index_about .menus_box .items p.order2 {background:url(../images/icon4-3.png) center 0 no-repeat}
.tem_index_about .menus_box .items p.order3 {background:url(../images/icon4-4.png) center 0 no-repeat}
.tem_index_about .menus_box .items p i{transform:translateX(-.15rem);opacity:0;visibility:hidden;}
.tem_index_about .menus_box .items a:hover .imgs {opacity:1;visibility:visible;}
.tem_index_about .menus_box .items a:hover p{color:#FFF}
.tem_index_about .menus_box .items a:hover p i {transform:none;opacity:1;visibility:visible;padding-left:.15rem;}
.tem_index_about .menus_box .items a:hover p.order0{background:url(../images/icon4-1-h.png) center 0 no-repeat}
.tem_index_about .menus_box .items a:hover p.order1{background:url(../images/icon4-2-h.png) center 0 no-repeat}
.tem_index_about .menus_box .items a:hover p.order2{background:url(../images/icon4-3-h.png) center 0 no-repeat}
.tem_index_about .menus_box .items a:hover p.order3{background:url(../images/icon4-4-h.png) center 0 no-repeat}
.tem_index_about .menus_box .mores{width:24%;padding-left:.1rem;}
.tem_index_about .menus_box .mores a{display:block;position:relative;min-height:2.44rem;background:#f8f8f8;box-shadow:0 0 15px rgba(0,0,0,.2);border-bottom-right-radius:20px;padding:.65rem 0 0}
.tem_index_about .menus_box .mores em {padding-top:.85rem;font-size:.2rem;color:#2d2d2d;display:block;text-align:center;position:relative}
.tem_index_about .menus_box .mores em:before{content:"+";width:.52rem;height:.52rem;border:.01rem solid #bfbfbf;background:#FFF;border-radius:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:.25rem;color:#727272;line-height:.52rem;transition:all .45s}
.tem_index_about .menus_box .mores a:hover em:before{background:#f5750a;color:#FFF;border-color:#f5750a}

.tem_index_case{padding:1.28rem 0 .7rem;background:url(../images/icon5.jpg) center 0 no-repeat;background-size:auto 6.49rem;font-size:0}
.tem_index_case&gt;div&gt;div{display:inline-block;vertical-align:top;}
.tem_index_case .item1{width:25%}
.tem_index_case .item1 .title{height:2.6rem;padding:.65rem 0 0}
.tem_index_case .item1 .title h4{font-size:.48rem;color:#FFF;font-weight:bold;text-transform:uppercase}
.tem_index_case .item1 .title p{font-size:.24rem;color:#FFF;margin:.25rem 0 0}
.tem_index_case .item1 .info1 a{display:block;position:relative;overflow:hidden;}
.tem_index_case .item1 .info1 .name,.tem_index_case .item2  .name,.tem_index_case .item3 .name  {font-size:.2rem;color:#FFF;height:2.6rem;line-height:2.6rem;text-align:center;background:url(../images/icon6.png) 0 0 no-repeat;background-size:100% 100%}
.tem_index_case .item2 {width:50%}
.tem_index_case .item2 .info1 a&gt;div{display:inline-block;vertical-align:top;width:50%;height:2.6rem;}
.tem_index_case .item2 .info2&gt;a{display:inline-block;vertical-align:top;width:50%}
.tem_index_case .item2 .info2&gt;a:first-child .name {background:none;font-size:.2rem;color:#444}
.tem_index_case .item3{width:25%}
.tem_index_case a:hover img {transform:scale(1.06)}
.tem_index_case a .img {overflow:hidden;}
.tem_index_case .item1 .img&gt;img,.tem_index_case .item2 .img&gt;img{width: 3.5rem;height: 2.58rem;object-fit: cover;}


.tem_index_links {padding:0 0 .65rem;}
.tem_index_links&gt;div{border:.01rem solid #e5e5e5;padding:0 .75rem;}
.tem_index_links .swiper-slide {line-height:1.14rem;text-align:center}
.tem_index_links .swiper-slide img {max-height:1.14rem;}
.tem_index_links .swiper-page&gt;div{position:absolute;left:.19rem;top:50%;transform:translateY(-50%);width:.37rem;height:.37rem;background:#ddd;border-radius:100%;font-size:.16rem;color:#383838;text-align:center;line-height:.37rem;outline:none;}
.tem_index_links .swiper-page&gt;div.slide-button-next{left:auto;right:.19rem;}
.tem_index_links .swiper-page&gt;div:hover {background:#0260c5;color:#FFF}

.tem_index_news{background:#f4f4f4;padding:.95rem 0 .7rem;}
.tem_index_news .title{margin:0 0 .35rem;position:relative;font-size:0}
.tem_index_news .title&gt;*{display:inline-block;vertical-align:middle;}
.tem_index_news .title h5{font-size:.36rem;color:#232526;font-weight:bold;padding-right:.28rem;border-right:1px solid #bfbfbf;margin-right:.17rem;}
.tem_index_news .title ol{margin:0;padding:0;}
.tem_index_news .title ol li {display:inline-block;vertical-align:middle;padding:0 .15rem;}
.tem_index_news .title ol li a{font-size:.18rem;color:#232526;display:block;padding-left:.15rem;position:relative;}
.tem_index_news .title ol li a:before{content:"";width:6px;height:6px;border:.01rem solid #858585;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:100%;transition:all .5s}
.tem_index_news .title ol li a:hover {color:#ff742b}
.tem_index_news .title ol li a:hover:before{background:#ff742b;border-color:#ff742b}
.tem_index_news .title a.more {position:absolute;right:0;top:50%;transform:translateY(-50%);width:.36rem;height:.34rem;background:url(../images/icon7.png) 0 0 no-repeat;background-size:.36rem .34rem;}
.tem_index_news .lists {background:#FFF;padding:0 0 .65rem;}
.tem_index_news .lists .swiper-container {border-right:1px solid #e5e5e5}
.tem_index_news .lists .swiper-slide a{display:block;position:relative;border-top:.01rem solid #e5e5e5;border-left:.01rem solid #e5e5e5;padding:.38rem .21rem 0}
.tem_index_news .lists .swiper-slide .text {margin:0 0 .28rem}
.tem_index_news .lists .swiper-slide .text span {font-size:.14rem;color:#ff742b;padding-left:.25rem;display:inline-block;background:url(../images/icon8.png) 0 center no-repeat;background-size:.15rem .15rem;line-height:.2rem;}
.tem_index_news .lists .swiper-slide .text h6{font-size:.2rem;color:#292929;padding:.35rem 0 .4rem;}
.tem_index_news .lists .swiper-slide .text em{display:inline-block;font-size:.16rem;color:#FFF;background:#ff742b;padding:0 .3rem;line-height:.42rem;border-radius:.35rem;}
.tem_index_news .lists .swiper-slide .img {overflow:hidden;}
.tem_index_news .lists .swiper-slide a:hover img {transform:scale(1.06)}


.footer{padding: .45rem 0 .35rem;border-top: .01rem solid #dcdcdc;}
.footer .f-menus {margin: 0 0 .35rem;font-size: 0}
.footer .f-menus&gt;div{display:inline-block;vertical-align: middle;}
.footer .f-menus .logo{width: 35%}
.footer .f-menus .logo img {max-height: .72rem;transition: none;}
.footer .f-menus .navlist{width: 65%;text-align: right;}
.footer .f-menus .navlist li{display: inline-block;padding-left: .55rem;}
.footer .f-menus .navlist li a{font-size: .16rem;color: #232526}
.footer .f-share a{display: inline-block;margin-right: .2rem;width: .3rem;height: .3rem;border: .01rem solid #d3d3d3;border-radius: 100%;line-height: .3rem;text-align: center;font-size: .14rem;color: #898989;position: relative}
.footer .f-share a .code {position: absolute;bottom: 100%;margin: 0 0 .15rem;left: 0;width: 1.10rem;padding: .05rem;background: #FFF;border-radius: .03rem;opacity: 0;visibility: hidden;box-shadow: 0 0 .08rem rgba(0,0,0,0.2)}
.footer .f-share a:hover .code {opacity: 1;visibility: visible;}
.footer .f-contact {font-size: 0}
.footer .f-contact&gt;div{display: inline-block;vertical-align: middle;}
.footer .f-contact .copy {width: 30%;font-size: .14rem;color: #898989}
.footer .f-contact .copy a{font-size: .14rem;color: #898989}
.footer .f-contact .cat{width: 58%;padding: 0 .45rem;}
.footer .f-contact .cat p {font-size: .14rem;color: #898989;display: inline-block;width: 50%;padding-left: .3rem;background-size: .25rem .25rem  !important;line-height: .25rem;vertical-align: top}
.footer .f-contact .cat p:last-child{width: 100%}
.footer .f-contact .cat p.add {background: url(../images/icon9-1.png) 0 center no-repeat;}
.footer .f-contact .cat p.tel {background: url(../images/icon9-2.png) 0 center no-repeat;}
.footer .f-contact .cat p.email {background: url(../images/icon9-3.png) 0 center no-repeat;}
.footer .f-contact .codes {width: 12%;text-align: right;}
.footer .f-contact .codes .imgs{display: inline-block;text-align: center;}
.footer .f-contact .codes .imgs p{font-size: .14rem;color: #898989;margin: .15rem 0 0}
.f_links{background: #0d1127;padding: .25rem 0;font-size: 0}
.f_links&gt;div&gt;*{display:inline-block;vertical-align: middle;}
.f_links&gt;div&gt;span {width: 6%;font-size: .14rem;color: #b0b0b0}
.f_links .lists {width: 94%;padding-right: .3rem;}
.f_links .lists .swiper-slide{text-align: center;}
.f_links .lists .swiper-slide a {font-size:.14rem;color: #b0b0b0;}
.f_links .lists .slide-button-next {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: .14rem;color: #b0b0b0;outline: none;}

.page_label {position:absolute;top:50%;left:50%;width:100%;max-width:14rem;transform:translateX(-50%);z-index:2}
.page_label h4{font-size:.36rem;color:#FFF;font-weight:bold;}
.page_label p{font-size:.24rem;color:#FFF;font-weight:bold;text-transform:uppercase;margin:.2rem 0 0}
.tem_banner .mbx {position:absolute;bottom:.45rem;left:50%;transform:translateX(-50%);font-size:.14rem;color:#FFF;width:100%;max-width:14rem;z-index:2;}
.tem_banner .mbx a{font-size:.14rem;color:#FFF;}

.solution{padding:.65rem 0 1.55rem;position:relative}
.solution .item1{margin:0 0 1rem;box-shadow:0 0 15px rgba(0,0,0,.2);position:relative}
.solution .itembox .info {position:relative;background:#FFF}
.solution .itembox .info .let_text{width:34%;padding:1.45rem .6rem 0;min-height:6.45rem;position:relative}
.solution .itembox .info .let_text h4{font-size:.26rem;color:#232323;font-weight:bold;margin:0 0 .4rem;text-align:center;}
.solution .itembox .info .let_text .text {font-size:.16rem;color:#535252;line-height:1.8;text-align:justify;}
@keyframes changes {
	form{
		bottom:12%
	}to{
		bottom:10%;
	}
}
.solution .itembox .info .let_text:after{content:"";width:.43rem;height:.43rem;background:url(../icon10.png) 0 0 no-repeat;background-size:.43rem .43rem;position:absolute;bottom:12%;left:50%;transform:translateX(-50%);animation: changes .8s .3s linear infinite alternate;}
.solution .itembox .info .rlt_main {width:66%;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.solution .item1 ol{position:absolute;right:0;top:50%;transform:translateY(-50%);width:66%;z-index:1;margin:0;padding:0;height:100%}
.solution .item1 ol li{width:25%;height:100%;float:left;}
.solution .item1 ol li a{height:100%;position:relative;border-right:1px solid rgba(255,255,255,.5);display:block;}
.solution .item1 ol li p{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);font-size:.16rem;color:#FFF;margin:0;padding:1.5rem 0 0;text-align:center;background:url(../icon11-1.png) center 0 no-repeat;background-size:.69rem .69rem !important;}
.solution .item1 ol li a:hover p,.solution .item1 ol li#current p{background:url(../icon11-2.png) center 0 no-repeat;}
.solution .item2 {margin:0 0 1rem;}
.solution .item2 h5,.solution .item3 h5{font-size:.3rem;color:#1b1c1c;position:relative;padding:0 0 0 1.02rem;margin:0 0 .55rem;}
.solution .item2 h5:before,.solution .item2 h5:after,.solution .item3 h5:before,.solution .item3 h5:after{content:'';width:.73rem;height:3px;background:#005ecb;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.solution .item2 h5:after,.solution .item3 h5:after {background:#ffab09;width:.2rem;left:.53rem;}
.solution .item2 .editor{font-size:.16rem;color:#424242;line-height:1.7}
.solution .item3 .lists li{padding:0 .13rem;margin:0 0 .45rem;}
.solution .item3 .lists li a{display:block;position:relative;overflow:hidden;}
.solution .item3 .lists li .img {overflow:hidden}
.solution .item3 .lists li p{font-size:.15rem;color:#FFF;background:#005ecb;margin:0;position:absolute;bottom:0;left:0;width:100%;padding:0 .15rem;line-height:.47rem;}
.solution .item3 .lists li p:after{content:'';width:.28rem;height:6px;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);background-size:.28rem auto;background:url(../icon12.png) 0 0 no-repeat;background-size:.28rem auto}
.solution .item3 .lists li a:hover img{transform:scale(1.06)}
.menus_boxs{position:absolute;top:.65rem;left:.15rem;border-left:1px solid #005ecb;z-index:3}
.menus_boxs li{margin:0 0 .35rem;position:relative;padding-left:.21rem;}
.menus_boxs li:last-child{margin:0}
.menus_boxs li a{font-size:.14rem;color:#373737;}
.menus_boxs li:before,.menus_boxs li:after{content:'';width:13px;height:13px;background:#ccdff5;border-radius:100%;position:absolute;top:50%;left:-6px;transform:translateY(-50%);}
.menus_boxs li:after{background:#005ecb;left:-3px;width:6px;height:6px;}
.menus_boxs li.on a,.menus_boxs li a:hover{color:#005ecb;}
.menus_on {position:fixed;top:1.1rem;}

.showimgs {background:#f8f8f8;padding:.7rem 0;position:relative}
.show_case h5 {font-size:.3rem;color:#232323;}
.show_case .editor {padding:.35rem 0;font-size:.18rem;color:#3a3a3a;line-height:1.7}
.show_case .lists {position:relative}
.show_case .lists .swiper-slide {overflow:hidden}
.show_case .lists .swiper-page&gt;div{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);outline:none;width:.4rem;height:.4rem;border-radius:100%;background:#ccc;font-size:.2rem;color:#FFF;line-height:.4rem;text-align:center;z-index:1}
.show_case .lists .swiper-page&gt;div.slide-button-next{left:auto;right:-.5rem;}
.show_case .lists .swiper-page&gt;div:hover{background:#1e218c}
.show_case .back {text-align:center;margin:.65rem 0}
.show_case .back a {display:inline-block}
.show_case .back a&gt;*{display:inline-block;vertical-align:middle}
.show_case .back a p {width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    color: #29a7dc;
    box-shadow: 1px 1px 10px #ccc;
    border-radius: 100%;
    margin-right: .2rem;
    font-size: .24rem;}
.show_case .pages {}
.show_case .pages&gt;div{background:#ededed;padding:.4rem .5rem;}
.show_case .pages&gt;div:first-child {background:#1e218c}
.show_case .pages&gt;div a&gt;* {display:inline-block;vertical-align:middle}
.show_case .pages&gt;div a p{    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    color: #29a7dc;
    font-size: .24rem;
    box-shadow: 1px 1px 8px #bbb;margin:0 0 0 .2rem;}
.show_case .pages&gt;div:first-child a p{box-shadow: 1px 1px 8px #080808;
    margin:0 .2rem 0 0;}   
.show_case .pages&gt;div span{display: inline-block;
    color: #fff;}  
.show_case .pages&gt;div a span{    font-size: .16rem;
    color: #343434;}
.show_case .pages&gt;div:first-child a span{color:#FFF}

.product_box{padding:0 0 1.15rem;}
.product_box .menus{padding:.34rem 0 .6rem;}
.product_box .menus li{padding:0}
.product_box .menus li a{display:block;background:#eee;text-align:center;font-size:.16rem;color:#383838;line-height:.67rem;border-right:.01rem solid #dcdcdc}
.product_box .menus li a:hover,.product_box  .menus li.on a{background:#fe6716;color:#FFF}

.product_box .mains{padding:.35rem 0 0}
.product_box .mains h4{font-size:.3rem;color:#302f2f;margin:0 0 .32rem;}
.product_box .mains .lists{background:#f9f9f9;border-top:2px solid #dcdcdc;padding:.6rem .3rem 1.1rem;}
.product_box .mains .lists li{padding:0 .15rem;margin:0 0 .4rem;}
.product_box .mains .lists li a{display:block;position:relative;overflow:hidden;background:#FFF}
.product_box .mains .lists li a:after{content:'';width:100%;height:0;background:#fe6716;position:absolute;bottom:0;left:0;z-index:1;transition:all .5s}
.product_box .mains .lists li .img {overflow:hidden;text-align: center;}
.product_box .mains .lists li .text {padding:.35rem .3rem .4rem;}
.product_box .mains .lists li .text h5{font-size:.16rem;color:#fe6716;position:relative;margin:0 0 .25rem}
.product_box .mains .lists li .text h5 i{position:absolute;right:0;top:50%;transform:translateY(-50%);width:.26rem;height:.26rem;line-height:.26rem;text-align:center;border:1px solid #fe6716;font-size:.16rem;color:#fe6716;border-radius:100%}
.product_box .mains .lists li .text p{font-size:.14rem;color:#525253;line-height:1.7;margin:0}
.product_box .mains .lists li a:hover:after{height:4px;}
.product_box .mains .lists li a:hover img {transform:scale(1.06)}

.page {text-align:center;margin:.35rem 0 0}
.page span.PageText,.page input {display:none;}
.page a,.page span {display:inline-block;vertical-align:middle;width:.39rem;height:.39rem;line-height:.39rem;font-size:.16rem;color:#464646;border:1px solid #dcdcdc;background:#eee;margin:0 2px;}
.page a.page-num-current,.page a:hover {background:#fe6716;border-color:#fe6716;color:#FFF}

.showproduct {padding:.33rem 0 1.13rem;}
.showproduct .mains{background:#f9f9f9;padding:.5rem .4rem 1.85rem;}
.showproduct .mains .item1{margin:0 0 .55rem;font-size:0;position:relative}
.showproduct .mains .item1&gt;div{width:50%;display:inline-block;vertical-align:middle;}
.showproduct .mains .item1&gt;div.imglist{padding-right:.14rem;}
.showproduct .mains .item1&gt;div.text{padding-left:.14rem;position:absolute;right:0;top:0;height:100%;}
.showproduct .mains .item1&gt;div .infos {background:#FFF;border-radius:.03rem;}
.showproduct .mains .item1&gt;div.imglist .infos {padding:.5rem .48rem .8rem;}
.showproduct .mains .item1&gt;div.imglist .swiper-slide{text-align:center;}
.showproduct .mains .item1&gt;div.imglist .maylists{margin:.35rem 0 0;position:relative;padding:0 .35rem}
.showproduct .mains .item1&gt;div.imglist .maylists .swiper-slide{border:1px solid #e5e5e5;cursor:pointer;}
.showproduct .mains .item1&gt;div.imglist .maylists .swiper-page&gt;div{position:absolute;left:0;top:0;width:.22rem;text-align:center;font-size:.14rem;color:#ff7500;background:#e5e5e5;outline:none;height:100%}
.showproduct .mains .item1&gt;div.imglist .maylists .swiper-page&gt;div.slide-button-next{left:auto;right:0}
.showproduct .mains .item1&gt;div.imglist .maylists .swiper-page&gt;div:hover {background:#ff7500;color:#FFF}
.showproduct .mains .item1&gt;div.imglist .maylists .swiper-slide-thumb-active{border-color:#ff7500}
.showproduct .mains .item1&gt;div.text .infos {padding:.45rem .35rem 0;position:relative;height:100%}
.showproduct .mains .item1&gt;div.text .content{color: #080808;}
.showproduct .mains .item1&gt;div.text h5{font-size:.24rem;color:#ff7500;}
.showproduct .mains .item1&gt;div.text p{font-size:.15rem;color:#00050a;}
.showproduct .mains .item1&gt;div.text .editor{font-size:.14rem;color:#525253;line-height:1.8}
.showproduct .mains .item1&gt;div.text .btns{margin:.2rem 0 0}
.showproduct .mains .item1&gt;div.text .btns&gt;a{display:inline-block;padding:0 .49rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#2db1fd;margin-right:.29rem;}
.showproduct .mains .item1&gt;div.text .btns&gt;a:last-child{background:#ff7500}

.showproduct .mains .item2 {background:#FFF;padding:.3rem 0 1rem;margin:0 0 .55rem;}
.showproduct .mains .item2 h5,.showproduct .mains .item3 h5 {font-size:.24rem;color:#ff7500;padding:0 .5rem .25rem;border-bottom:1px solid #e5e5e5}
.showproduct .mains .item2 .editor {padding:.5rem .5rem 0;}
.showproduct .mains .item2 .editor table{width:80%;}
.showproduct .mains .item2 .editor table td{border:2px solid #FFF;background:#f0f0f0;font-size:.16rem;color:#424242;padding:0 .3rem;line-height:.53rem;}
.showproduct .mains .item2 .editor table tr:first-child td {background:#ff7500;color:#FFF}
.showproduct .mains .item2 li{padding:0}
.showproduct .mains .item2 li a {display:block;background:#eee;text-align:left;font-size:.16rem;color:#383838;line-height:.67rem;border:.05rem solid #ffffff;width: 10.27rem;padding:0 0 .1rem 1rem;}
.showproduct .mains .item2 li a:hover,.product_box  .menus li.on a{background:#005ecb;color:#FFF}

.showproduct .mains .item3 {background:#FFF;padding:.3rem 0 .65rem;}
.showproduct .mains .item3 .editor{padding:.4rem .55rem 0;font-size:.16rem;color:#535353;line-height:1.8}
.showproduct .mains .item3 p{font-size:.15rem;color:#00050a;padding:0 0 .1rem 1rem;}

.factory{padding:.6rem 0 .95rem;}
.factory .item2 h3:before,.factory .item2 h3:after{content:'';width:.73rem;height:3px;background:#005ecb;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.factory .item2 h3:after,.factory .item2 h3:after {background:#ffab09;width:.2rem;left:.53rem;}
.factory .item2 h3{font-size:.3rem;color:#1b1c1c;position:relative;padding:0 0 0 1.02rem;margin:0 0 .55rem;}
.factory .mains {font-size:.16rem;color:#2d2d2d;line-height:1.7;margin:0 0 .7rem;padding:0 .65rem;text-align:justify}
.factory .lists{font-size:0;position:relative}
.factory .lists li{margin: 0 0 .55rem; padding-left: .15rem; padding-right: .15rem;}
.factory .lists li a {/* display:block; */padding:0 .15rem;overflow:hidden;position:relative;}
.factory .lists li .img {overflow:hidden;}
.factory .lists li img{width: 100%;height: 2.73rem;object-fit: cover;}
.factory .lists li p{/* position: absolute; */margin:0;bottom:.26rem;/* left:.23rem; */background:#0075bb;/* border-radius:.35rem; */line-height:.5rem;font-size: .16rem;color:#FFF;padding:0 .22rem;}
.factory .lists li a:hover img {transform:scale(1.06)}
.factory .lists .page{margin:.2rem 0 0;text-align:center;}

.news_box{background:#f4f4f4;padding:0 0 1.25rem;}
.news_box .menus {padding:.33rem 0 .72rem;}
.news_box .menus li{padding:0}
.news_box .menus li a{display:block;background:#eee;text-align:center;font-size:.16rem;color:#383838;line-height:.67rem;border-right:1px solid #dcdcdc}
.news_box .menus li a:hover,.news_box .menus li.on a{background:#ff7500;color:#FFF}
.news_box .lists li {padding:0 .25rem;margin:0 0 .6rem;}
.news_box .lists li a{display:block;position:relative;border-bottom:1px solid #d2d2d2}
.news_box .lists li .img{overflow:hidden;}
.news_box .lists li .text {padding:.4rem .22rem .5rem;}
.news_box .lists li .text h4{font-size:.2rem;color:#292929;margin:0 0 .18rem;}
.news_box .lists li .text p{font-size:.16rem;color:#747474;margin:0  0 .47rem;}
.news_box .lists li .text span{font-size:.14rem;color:#ff7500;display:inline-block;padding-left:.25rem;background:url(../images/icon8.png) 0 center no-repeat;line-height:.2rem;background-size:.15rem .15rem;}
.news_box .lists li a:hover {background:#FFF;box-shadow:4px 4px 14px rgba(0,0,0,.22);border-color:#ff7500}
.news_box .lists li a:hover img{transform:scale(1.06)}

.news_box .problem li{padding:0 .2rem;margin:0 0 .33rem;}
.news_box .problem li a{display:block;position:relative;padding:.4rem .4rem .6rem;background:#FFF}
.news_box .problem li h5{position:relative;font-size:.24rem;color:#2d2d2d;font-weight:bold;margin:0 0 .4rem;padding-right:.35rem;}
.news_box .problem li h5 i{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.28rem;color:#2d2d2d}
.news_box .problem li p{font-size:.16rem;color:#525252;line-height:.28rem;height:.56rem;overflow:hidden;}
.news_box .problem li a:hover {box-shadow:7px 7px 14px rgba(0,0,0,.18);}
.news_box .problem li a:hover h5{color:#ff7500;}
.news_box .problem li a:hover h5 i {color:#ff7500}

.job_box {font-size:0}
.job_box h3{font-size: .36rem;color:#ff7500;padding:0 .5rem .25rem;text-align: center;}
.job_box .humanlist{background:url(../images/icon21.jpg) 0 0/*ä¸Šä¸‹è®¾ç½®ä¸º0ï¼Œå›¾ç‰‡å°±ä¸ä¼šåŠ¨ï¼Œè®¾ç½®æˆcenterä¼šéšç€æŒ‰é”®ä¸‹æ‹‰è€Œå±…ä¸­*/ no-repeat;background-size:100% auto; padding:1.25rem 0 1.5rem;}
.job_box .humanlist h5{margin:0 0 .64rem;}
.job_box .humanlist .lists li{margin:0 0 .4rem;}
.job_box .humanlist .lists li .link{background: #eeeeee;}
.job_box .humanlist .lists li .link&gt;*{display:inline-block;vertical-align:middle;}
.job_box .humanlist .lists li .link h2{font-size:.18rem;color:#4c4c4c;width:18%;text-align:center;}
.job_box .humanlist .lists li .link .infos{width:82%;padding:.35rem 0 .6rem .45rem;border-left:1px solid #e5e5e5;background: #eeeeee;}
.job_box .humanlist .lists li .link .infos&gt;div {display:inline-block;vertical-align:middle;}
.job_box .humanlist .lists li .link .infos .txt {width:70%}
.job_box .humanlist .lists li .link .infos .txt p{margin:0;font-size:.16rem;color:#686868;display:inline-block;vertical-align:top;width:33.33333%;padding:8px 0;}
.job_box .humanlist .lists li .link .infos .ops {width:30%}
.job_box .humanlist .lists li .link .infos .ops i{width:.41rem;height:.41rem;border:1px solid #bfbfbf;border-radius:100%;line-height:.41rem;text-align:center;font-size:.16rem;color:#404040;margin-left:.22rem;}.jobtext .mains&gt;div i{border-color:#ff7500;color:#FFF;background:#ff7500}
.job_box .humanlist .lists li .link .infos .ops i{border-color:#ff7500;color:#FFF;background:#ff7500}
.job_box .humanlist .lists li .submenu{transition:none;background: #eeeeee;border-top:0;padding:.13rem .55rem .6rem;display:none;}
.job_box .humanlist .lists li .submenu .toptext{padding:.4rem .5rem .25rem;border-bottom: 1px solid #e5e5e5;}/*å­¦åŽ†è¦æ±‚ä¸‹æ–¹ç°è‰²çº¿*/
.job_box .humanlist .lists li .submenu .apply{display:inline-block;vertical-align:middle;padding:0 .49rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:8px;background:#ff7500;margin-right:.29rem;}
.job_box .humanlist .lists li .submenu .apply{margin: 0 .6rem .3rem;position: absolute;right: 0;bottom: 0;}/*è®¾ç½®æŒ‰é’®åœ¨å³è¾¹*/
.job_box .humanlist .lists li .submenu .editor{font-size:.16rem;color:#575757;line-height:1.6;margin:0 0 .5rem;background: #fff;position:relative;}/*æŒ‰é’®å®šä½åœ¨å†…å®¹é‡Œ*/
.job_box .humanlist .lists li .submenu .content{padding: 0 .5rem .6rem;}

.contact_box {background:#f6f6f6;padding:.78rem 0 1.5rem;}
.contact_box .way {background:#FFF;padding:.5rem 0 0}
.contact_box .way .title {margin:0 0 1.15rem;text-align:center}
.contact_box .way .title h4{font-size:.3rem;color:#282828}
.contact_box .way .title p{font-size:.16rem;color:#ff7500;margin:.2rem 0 0}
.contact_box .way .editor{padding:0 .2rem .53rem;border-bottom:.27rem solid #f6f6f6}
.contact_box .way .editor&gt;div&gt;div{padding:0 .65rem}
.contact_box .way .editor p{font-size:.16rem;color:#272727;padding:.7rem 0 0;background-size:.46rem .46rem !important;margin:0;}
.contact_box .way .editor p.add {background:url(../images/icon8-1.png) 0 0 no-repeat;}
.contact_box .way .editor p.tel {background:url(../images/icon8-2.png) 0 0 no-repeat;}
.contact_box .way .editor p.fax {background:url(../images/icon8-3.png) 0 0 no-repeat;}
.contact_box .way .editor p.email {background:url(../images/icon8-4.png) 0 0 no-repeat;}
.contact_box .way .map_box{padding:.2rem 0;font-size:0}
.contact_box .way .map_box&gt;div{display:inline-block;vertical-align:middle;}
.contact_box .way .map_box .map	 {padding:0 .25rem;width:77%}
.contact_box .way .map_box .code {text-align:center;width:23%}
.contact_box .way .map_box .code img {max-width:1.85rem;}
.contact_box .way .map_box .code p{font-size:.16rem;color:#272727;margin:.35rem 0 0;}

.message{margin:1.05rem 0 0;}
.message h4{font-size:.36rem;color:#272727;text-align:center;margin:0 0 .4rem;}
.message .mains {background:#FFF;padding:.6rem .25rem 1rem;}
.message .mains h6{font-size:.24rem;color:#ff7500;padding-left:1rem;line-height:.68rem;background:url(../images/icon18.png) 0 center no-repeat;background-size:.68rem .67rem;margin:0 .45rem .6rem;}
.message .mains .lists {}
.message .mains .lists table {width:100%;}
.message .mains .lists table tr{float:left;padding:0 .45rem;margin:0 0 .45rem;width:50%}
.message .mains .lists table tr:last-child{width: 100%;}
.message .mains .lists table tr.order2,.message .mains .lists table tr.order3,.message .mains .lists table tr.order4 {width:100%;}
.message .mains .lists table td.text,.message .mains .lists table tr td span {display:none;}
.message .mains .lists table td.input {display:block;}
.message .mains .lists table td input[type="text"],.message .mains .lists table td textarea{width:100%;background:none;border:0;border-bottom:1px solid #dcdcdc;height:.75rem;min-height:35px;font-size:.16rem;color:#3e3e3e}
.message .mains .lists table td textarea {height:1.2rem;}
.message .mains .lists table td input[name="code"]{width:35% !important;}
.message .mains .lists table td.submint {display:block;text-align:center;}
.message .mains .lists table td.submint input[type="submit"] {display:inline-block;background:#fe7431;border-radius:5px;font-size:.16rem;color:#FFF;padding:0 .6rem;height:.57rem;min-height:35px;line-height:normal;border:0}



.about_box{}
.about_box .flpage {position:relative;height:1px;top:-1rem;}
.about_box .menus{padding:.34rem 0 .6rem;}
.about_box .menus li{padding:0}
.about_box .menus li a{display:block;background:#eee;text-align:center;font-size:.16rem;color:#383838;line-height:.67rem;border-right:.01rem solid #dcdcdc}
.about_box .menus li a:hover,.about_box .menus li.on a{background:#fe7435;color:#FFF}
.about_box .company {padding:0 0 .7rem;background:url(../images/icon14.jpg) 0 center no-repeat;background-size:100% auto;font-size:0}
.about_box .company&gt;div&gt;div{display:inline-block;vertical-align:top;}
.about_box .company .let_info{width:46%;padding-right:.48rem;}
.about_box .company .let_info .num {margin:0  0 1.05rem;padding:0 0 0 1.27rem;}
.about_box .company .let_info .num h5{font-size:.64rem;color:#fe7435;font-weight:bold;padding:0 0 .45rem;position:relative}
.about_box .company .let_info .num h5:after{content:'';width:.57rem;height:.09rem;background:#fe7435;position:absolute;left:0;bottom:0}
.about_box .company .let_info .num p{font-size:.16rem;color:#2f3030;margin:.3rem 0 0}
.about_box .company .rlt_info{width:54%}
.about_box .company .rlt_info h5{font-size:.3rem;color:#1f1e1e;margin:0 0 .4rem;}
.about_box .company .rlt_info .editor{font-size:.15rem;color:#4c4c4c;line-height:1.8}
.about_box .company .rlt_info .editor .data_box{font-size: 0;}
.about_box .company .rlt_info .editor .data_box&gt;div{padding:.3rem 0 .24rem;display:inline-block;vertical-align:top;width:50%}
.about_box .company .rlt_info .editor .data_box&gt;div&gt;div{display:inline-block;vertical-align:top;width:50%}
.about_box .company .rlt_info .editor .data_box .t h5{font-size:.3rem;color:#32373f;font-weight:bold;padding-top:.65rem;background-size:.5rem .5rem !important;}
.about_box .company .rlt_info .editor .data_box .t h5 em{font-size:.45rem;color:#0360c6;}
.about_box .company .rlt_info .editor .data_box .t p{font-size:.18rem;color:#7e7e7e;font-weight:bold;margin:.3rem 0 0}
.about_box .company .rlt_info .editor .data_box .t h5.t1{background:url(../images/icon3-1.png) 0 0 no-repeat}
.about_box .company .rlt_info .editor .data_box .t h5.t2{background:url(../images/icon3-2.png) 0 0 no-repeat}
.about_box .company .rlt_info .editor .data_box .t h5.t3{background:url(../images/icon3-3.png) 0 0 no-repeat}
.about_box .company .rlt_info .editor .data_box .t h5.t4{background:url(../images/icon3-4.png) 0 0 no-repeat;color:#0360c6}
/*å·¥ç¨‹è®¾å¤‡*/
.history{background:url(../images/icon15.jpg) 0 0 no-repeat;background-size:cover;padding:.72rem 0 .92rem;}
.history h5{text-align:center;font-size:.3rem;color:#1f1e1e;margin:0 0 .5rem;}

.history .lists .swiper-slide a{display:block;position:relative;}
.history .lists .swiper-slide .img {overflow:hidden}
.history .lists .swiper-slide p{margin:.25rem 0 0;font-size:.16rem;color:#424242;text-align:center;}
.history .lists .swiper-slide a:hover img {transform:scale(.98)}
.history .lists .swiper-page{margin:.69rem 0 0;}
.history .lists .swiper-page&gt;div{display:inline-block;vertical-align:middle;outline:none;}
.history .lists .swiper-page&gt;div.slide-button-prev,.honor .lists .swiper-page&gt;div.slide-button-next{width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;}
.history .lists .swiper-page&gt;div.slide-pagination span{display:inline-block;opacity:1;outline:none;width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;border-radius:0}
.history .lists .swiper-page&gt;div.slide-pagination span.swiper-pagination-bullet-active{background:#fe6716;border-color:#fe6716;color:#FFF}
.history .lists .swiper-page&gt;div.slide-button-prev:hover,.history .lists .swiper-page&gt;div.slide-button-next:hover {background:#fe6716;border-color:#fe6716;color:#FFF}

.honor {padding: .5rem 0 .95rem;}
.honor h5{font-size: .3rem;color: #1f1e1e;text-align: center;margin: 0 0 .7rem;}
.honor .lists .swiper-slide img{overflow: hidden;padding: .11rem .08rem;background: #fafafa;border: .01rem solid #dcdcdc}
.honor .lists .swiper-slide a{display:block;position:relative;}
.honor .lists .swiper-slide p{display:inline-block;margin:.25rem 0 0;font-size:.16rem;color:#434343;padding-left:.2rem;position:relative}
.honor .lists .swiper-slide p:before{content:'';width:.1rem;height:.1rem;border-radius:100%;border:.03rem solid #015fc1;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.honor .lists .swiper-slide a:hover img {transform:scale(.98)}
.honor .lists .swiper-page{margin:.69rem 0 0;}
.honor .lists .swiper-page&gt;div{display:inline-block;vertical-align:middle;outline:none;}
.honor .lists .swiper-page&gt;div.slide-button-prev,.honor .lists .swiper-page&gt;div.slide-button-next{width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;}
.honor .lists .swiper-page&gt;div.slide-pagination span{display:inline-block;opacity:1;outline:none;width:.39rem;height:.39rem;background:#eee;border:.01rem solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 .02rem;border-radius:0}
.honor .lists .swiper-page&gt;div.slide-pagination span.swiper-pagination-bullet-active{background:#fe6716;border-color:#fe6716;color:#FFF}
.honor .lists .swiper-page&gt;div.slide-button-prev:hover,.honor .lists .swiper-page&gt;div.slide-button-next:hover {background:#fe6716;border-color:#fe6716;color:#FFF}

.workshop{background:#fafafa;padding:.85rem 0 .7rem;}
.workshop h5{font-size:.3rem;color:#1f1e1e;text-align:center;margin:0 0 .6rem;}
.workshop .swiper-slide&gt;div{float:left;}
.workshop .swiper-slide .item1 {width:36%;padding-right:.28rem;}
.workshop .swiper-slide  a{display:block;overflow:hidden;}
.workshop .swiper-slide .item2 {width:64%;font-size:0}
.workshop .swiper-slide .item2 &gt;div{display:inline-block;vertical-align:middle;width:50%}
.workshop .swiper-slide .item2 &gt;div:first-child,.workshop .swiper-slide .item2 &gt;div:first-child+div{margin:0 0 .32rem;}
.workshop .swiper-slide .item2 &gt;div:first-child,.workshop .swiper-slide .item2 &gt;div:first-child+div+div {padding-right:.125rem;}
.workshop .swiper-slide .item2 &gt;div:first-child+div,.workshop .swiper-slide .item2 &gt;div:last-child {padding-left:.125rem;}
.workshop .swiper-slide  a:hover img {transform:scale(1.06)}
.workshop .lists .swiper-page{margin:.69rem 0 0;}
.workshop .lists .swiper-page&gt;div{display:inline-block;vertical-align:middle;outline:none;text-align:center}
.workshop .lists .swiper-page&gt;div.slide-button-prev,.workshop .lists .swiper-page&gt;div.slide-button-next{width:.39rem;height:.39rem;background:#eee;border:1px solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 2px;}
.workshop .lists .swiper-page&gt;div.slide-pagination span{display:inline-block;opacity:1;outline:none;width:.39rem;height:.39rem;background:#eee;border:1px solid #dcdcdc;line-height:.39rem;font-size:.16rem;color:#464646;margin:0 2px;border-radius:0}
.workshop .lists .swiper-page&gt;div.slide-pagination span.swiper-pagination-bullet-active{background:#fe6716;border-color:#fe6716;color:#FFF}
.workshop .lists .swiper-page&gt;div.slide-button-prev:hover,.workshop .lists .swiper-page&gt;div.slide-button-next:hover {background:#fe6716;border-color:#fe6716;color:#FFF}




/********&lt;=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header &gt;.col-xs-6&gt;div {color:#333}
.m-header &gt;.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#ffffff;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#333;position:relative;font-size:.25rem}
.st-container .st-menu ul li&gt;a:hover,.st-container .st-menu ul li.active&gt;a {background:#0360c6;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#fff}
.st-container .st-menu ul li&gt;a&gt;i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#0360c6}
.st-container .st-menu ul li.active&gt;a&gt;i,.st-container .st-menu ul li&gt;a:hover&gt;i {color:#FFF}
.st-container .st-menu ul li&gt;dl {transition:none;margin:0}
.st-container .st-menu ul li&gt;dl dd a {background:none;box-shadow:none;color:#333;padding-left:0}
.st-container .st-menu ul li&gt;dl dd a i {padding-right:10px;}
.st-container .st-menu ul li&gt;dl dd.on2 a,.st-container .st-menu ul li&gt;dl dd a:hover {color:#005ecb}
.st-container .st-menu ul li&gt;dl dd.on2 a i,.st-container .st-menu ul li&gt;dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
@media(max-width:1300px){
	.tem_index_product .swiper-page&gt;div{left:.15rem;}
	.tem_index_product .swiper-page&gt;div.slide-button-next {left:auto;right:.15rem;}
	.header .navbox .langs{right:.25rem;}
	
	.brand_info .lists li .img img {max-height:90%;}
	
	.news_box .com_nlist .swiper-page&gt;div{left:.1rem}
	.news_box .com_nlist .swiper-page&gt;div.slide-button-next{left:auto;right:.1rem}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.flash{padding: 0;}/*è®¾ç½®ipad bannerå›¾ï¼ˆä¸Šæ–¹é—´è·ï¼‰*/
    .message .mains .lists table tr{float:left;padding:0 .45rem;margin:0 0 .45rem;width:100%}
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner .swiper-page{display:none;}
	.tem_index_about .mains .cnts &gt; div{display:block;width:100% !important;}
	.tem_index_about .mains .cnts .text{padding:.45rem 0}
	.tem_index_about .mains .cnts::after{display:none;}
	.tem_index_about .menus_box &gt; div{width:50% !important;margin:0 0 .35rem;}/*æ‰‹æœºç«¯é¦–é¡µå…¬å¸æ¦‚å†µ*/
	.tem_index_about .menus_box .mores{width:100% !important;}/*æ‰‹æœºç«¯é¦–é¡µå…¬å¸æ¦‚å†µ*/
	.tem_index_case &gt; div &gt; div{display:block;width:100% !important;}/*æ‰‹æœºç«¯é¦–é¡µåº”ç”¨é¢†åŸŸ*/
	.tem_index_case .item1 .info1 a&gt;div{display:inline-block;vertical-align:top;width:50%}/*æ‰‹æœºç«¯é¦–é¡µåº”ç”¨é¢†åŸŸ*/
    .tem_index_case .item3 .img&gt;img {width: 100%  !important;height: 100%}/*æ‰‹æœºç«¯é¦–é¡µåº”ç”¨é¢†åŸŸæœ€åŽä¸€å¼&nbsp;å¤§å›¾æ¯”ä¾‹*/
    .about_box .company .rlt_info .editor .data_box&gt;div {padding: .3rem 0 .24rem;display: inline-block;vertical-align: top;width: 100%;}
    .about_box .company .let_info .num {margin: 0 0 1.05rem;padding: 0;}
    .honor .lists .swiper-slide .img {overflow: hidden;padding: .11rem .08rem;background: #fafafa;border: 1px solid #dcdcdc;}
    .about_box .company&gt;div&gt;div {display: inline-block;vertical-align: bottom;width: 100% !important;}
    .tem_banner .swiper-page&gt;div {display: none;}
    .tem_index_links&gt;div{padding:0 .75rem !important;}/*é¦–é¡µå‹æƒ…é“¾æŽ¥å·¦å³ç®­å¤´ï¼ˆåœ¨å›¾æ&nbsp;‡ä¸Šæ–¹ï¼‰*/
    .footer .f-menus .navlist{display:none;}
	.footer .f-contact .cat,.footer .f-contact .codes{display:none;}
	.footer .f-contact .copy{width:100%}
	.footer .f-contact{margin:.35rem 0 0}
	.f_links&gt;div&gt;span{width:10%}
	.f_links .lists{width:90%}
    .product_box .menus li a{white-space: nowrap;}/*ä¸æ¢è¡Œï¼Œå¼ºåˆ¶åœ¨åŒä¸€è¡Œæ˜¾ç¤º*/
    .product_box .mains .lists li .text h5 i { position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: .26rem; height: .26rem;line-height: .26rem;text-align: center;border: 1px solid #0662cc;font-size: .16rem;color: #0662cc;border-radius: 100%;}
    .job_box .humanlist .lists li .submenu .apply {margin: 0 .1rem .1rem; position: absolute;right: 0;bottom: 0;}
}</pre></body></html>